<template>
   <div class="box" ref="boxEle">
        你好
   </div>
</template>

<script>
export default {
    data(){
        return{
            msg:'Giles'
        }
    },
    props:{
        pmsg:{
            type:String
        }
    },
    methods:{
        show(){
            console.log('show方法');
        }
    },
    beforeCreate(){
       console.group('---------beforeCreate------------')
       console.log('data中的数据',this.msg);
       console.log('methods中的方法',this.show);
       //console.log('props中的数据',this.pmsg);
       console.groupEnd()
    },
    created(){
       console.group('---------created------------')
       console.log('data中的数据',this.msg);
       console.log('methods中的方法',this.show);
       console.log('props中的数据',this.pmsg);
       console.log(this.$refs);
       /*
         1、created钩子函数中是最佳存放网络请求地方
         2、向网络发送请求有常见的有三种方式
            1）ajax
            2) fetch
            3) axios
       */
       console.groupEnd()
    },

}
</script>

<style>

</style>